<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap-treeview.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap.addtabs.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootbox.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/fileinput.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/zh.js"></script>
    <link rel="stylesheet" href="../js/bootstrap/css/fileinput.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap-treeview.min.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap.addtabs.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap-table.min.css" />


    <style>
        .body {

            background-color: #f2f7fb;
            position: relative;
        }

        .div {
            width: 1131px;
            height: 1300px;
            background-color: #f2f7fb;
            margin-left: 95px;
        }

        .div1 {
            width: 120px;
            height: 25px;
            left: 20px;
            top: 20px;
            font-size: 18px;
            position: absolute;
        }

        .div2 {
            width: 265px;
            height: 121px;
            left: 20px;
            top: 65px;
            border-radius: 10px;
            background-color: white;
            position: absolute;

        }

        .div3 {
            width: 265px;
            height: 121px;
            left: 310px;
            top: 65px;
            border-radius: 10px;
            background-color: white;
            position: absolute;
        }

        .div4 {
            width: 265px;
            height: 121px;
            left: 598px;
            top: 65px;
            border-radius: 10px;
            background-color: white;
            float: left;
            position: absolute;
        }

        .div5 {
            width: 265px;
            height: 121px;
            left: 885px;
            top: 65px;
            border-radius: 10px;
            background-color: white;
            float: left;
            position: absolute;
        }

        #img-1 {
            position: absolute;
            left: 5px;
            top: 20px;
        }


        .span {
            left: 110px;
            top: 30px;
            font-size: 13px;
            color: #999999;
            position: absolute;
        }

        .span1 {
            width: 88px;
            height: 32px;
            left: 110px;
            top: 60px;
            color: #2984F8;
            font-size: 30px;
            position: absolute;
        }

        .span2 {
            width: 88px;
            height: 32px;
            left: 110px;
            top: 60px;
            color: rgba(40, 208, 148, 0.898039215686275);
            font-size: 30px;
            position: absolute;
        }

        .span3 {
            width: 88px;
            height: 32px;
            left: 110px;
            top: 60px;
            color: #FDDB78;
            font-size: 30px;
            position: absolute;
        }

        .span4 {
            width: 88px;
            height: 32px;
            left: 110px;
            top: 60px;
            color: #FA746B;
            font-size: 30px;
            position: absolute;
        }

        @font-face {
            font-family: 'img';
            src: url('../font/iconfont.ttf?t=1649488639463') format('truetype');
        }

        @font-face {
            font-family: 'img';
            src: url('../font/iconfont1.ttf?t=1649488639463') format('truetype');
        }

        @font-face {
            font-family: 'img';
            src: url('../font/iconfont2.ttf?t=1649488639463') format('truetype');
        }

        @font-face {
            font-family: 'img';
            src: url('../font/iconfont3.ttf?t=1649488639463') format('truetype');
        }


        .img {
            font-family: "img" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            left: 45px;
            top: 48px;
            color: white;
            position: absolute;
        }

        .div6 {
            width: 843px;
            height: 451px;
            left: 20px;
            top: 206px;

            background-color: white;
            border-radius: 8px;
            position: absolute;
        }

        .sp {
            width: 64px;
            height: 22px;
            left: 15px;
            top: 20px;
            font-size: 16px;
            position: absolute;
        }

        .ju {
            width: 53px;
            height: 18px;
            font-size: 13px;
            left: 72px;
            top: 70px;
            position: absolute;
        }

        .lan {
            left: 55px;
            top: 75px;
            position: absolute;
        }

        .main {
            width: 843px;
            height: 400px;
            top: 70px;
            position: absolute;
        }

        .ju1 {
            width: 53px;
            height: 18px;
            font-size: 13px;
            left: 165px;
            top: 70px;
            position: absolute;
        }

        .lv {
            left: 145px;
            top: 75px;
            position: absolute;
        }

        .ju2 {
            width: 53px;
            height: 18px;
            font-size: 13px;
            left: 250px;
            top: 70px;
            position: absolute;
        }

        .hong {
            left: 230px;
            top: 75px;
            position: absolute;
        }

        .div7 {
            width: 265px;
            height: 451px;
            left: 885px;
            top: 206px;
            background-color: white;
            border-radius: 8px;
            position: absolute;
        }

        .dai {
            width: 64px;
            height: 22px;
            left: 20px;
            top: 20px;
            position: absolute;
        }

        .xian {
            left: 20px;
            top: 60px;
            position: absolute;
        }

        .dai1 {
            width: 64px;
            height: 22px;
            left: 20px;
            top: 80px;
            font-size: 20px;
            position: absolute;
        }


        .dai2 {
            left: 20px;
            top: 110px;
            font-size: 13px;
            color: #999999;
            position: absolute;
        }

        .dian {
            top: 110px;
            left: 230px;
            position: absolute;

        }

        .xian1 {
            left: 20px;
            top: 140px;
            position: absolute;
        }

        .dai3 {
            width: 64px;
            height: 22px;
            left: 20px;
            top: 150px;
            font-size: 20px;
            position: absolute;
        }

        .dai4 {
            left: 20px;
            top: 180px;
            font-size: 13px;
            color: #999999;
            position: absolute;
        }

        .dian1 {
            top: 180px;
            left: 230px;
            position: absolute;
        }

        .xian2 {
            left: 20px;
            top: 210px;
            position: absolute;
        }

        .dai5 {
            width: 64px;
            height: 22px;
            left: 20px;
            top: 220px;
            font-size: 20px;
            position: absolute;
        }

        .dai6 {
            left: 20px;
            top: 250px;
            font-size: 13px;
            color: #999999;
            position: absolute;
        }

        .dian2 {
            top: 250px;
            left: 230px;
            position: absolute;
        }

        .xian3 {
            left: 20px;
            top: 280px;
            position: absolute;
        }


        .dai7 {
            width: 64px;
            height: 22px;
            left: 20px;
            top: 290px;
            font-size: 20px;
            position: absolute;
        }

        .dai8 {
            left: 20px;
            top: 320px;
            font-size: 13px;
            color: #999999;
            position: absolute;
        }

        .dian3 {
            top: 320px;
            left: 230px;
            position: absolute;
        }

        .xian4 {
            left: 20px;
            top: 350px;
            position: absolute;
        }


        .dai9 {
            width: 64px;
            height: 22px;
            left: 20px;
            top: 360px;
            font-size: 20px;
            position: absolute;
        }

        .dai10 {
            left: 20px;
            top: 390px;
            font-size: 13px;
            color: #999999;
            position: absolute;
        }

        .dian4 {
            top: 390px;
            left: 230px;
            position: absolute;
        }

        .xian5 {
            left: 20px;
            top: 420px;
            position: absolute;
        }

        .div8 {
            width: 340px;
            height: 384px;
            left: 20px;
            top: 680px;
            background-color: white;
            position: absolute;
        }

        .jumin {
            width: 64px;
            height: 22px;
            left: 20px;
            top: 20px;
            position: absolute;
        }

        .gao {
            width: 56px;
            font-size: 13px;
            left: 20px;
            top: 75px;
            color: #999999;
            position: absolute;
        }

        .tiao {
            left: 20px;
            top: 60px;
            position: absolute;
        }

        .div9 {
            width: 769px;
            height: 384px;
            left: 380px;
            top: 680px;
            background-color: white;
            position: absolute;
        }

        .juminzhibiao {
            width: 96px;
            height: 22px;
            top: 20px;
            left: 25px;
            position: absolute;
        }

        .quanbu {
            top: 20px;
            left: 700px;
            color: #999999;
            font-size: 12px;
            position: absolute;
        }

        .div10 {
            width: 230px;
            height: 280px;
            left: 20px;
            top: 70px;
            cursor: pointer;
            box-shadow: darkgrey 1px 1px 1px 1px;

            position: absolute;
        }

        .div10:hover {
            background: rgb(242 242 242);
        }

        .ren {
            left: 70px;
            top: 30px;
            position: absolute;
        }

        .wran {
            width: 42.4px;
            height: 24px;
            left: 70px;
            top: 120px;
            font-size: 18px;
            position: absolute;
        }

        .nianl {
            left: 115px;
            top: 125px;
            font-size: 12px;
            color: #999999;
            position: absolute;
        }

        .lvbiao {
            left: 150px;
            top: 128px;
            position: absolute;
        }

        .gantan {
            left: 70px;
            top: 160px;
            position: absolute;
        }

        .xueteng {
            left: 90px;
            top: 160px;
            font-size: 13px;
            color: #FA746B;
            position: absolute;
        }

        .chakan {
            width: 132px;
            height: 35px;
            left: 50px;
            top: 190px;
            background-color: #2984F8;
            color: white;
            border-radius: 5px;
            border-style: none;
            position: absolute;
        }



        .div11 {
            width: 230px;
            height: 280px;
            left: 270px;
            top: 70px;
            cursor: pointer;
            box-shadow: darkgrey 1px 1px 1px 1px;

            position: absolute;
        }

        .div11:hover:hover {
            background: rgb(242 242 242);
        }

        .ren1 {
            left: 70px;
            top: 30px;
            position: absolute;
        }

        .wran1 {
            width: 42.4px;
            height: 24px;
            left: 70px;
            top: 120px;
            font-size: 18px;
            position: absolute;
        }

        .nianl1 {
            left: 115px;
            top: 125px;
            font-size: 12px;
            color: #999999;
            position: absolute;
        }

        .lvbiao1 {
            left: 150px;
            top: 128px;
            position: absolute;
        }

        .gantan1 {
            left: 70px;
            top: 160px;
            position: absolute;
        }

        .xueteng1 {
            left: 90px;
            top: 160px;
            font-size: 13px;
            color: #FA746B;
            position: absolute;
        }

        .chakan1 {
            width: 132px;
            height: 35px;
            left: 50px;
            top: 190px;
            background-color: #2984F8;
            color: white;
            border-radius: 5px;
            border-style: none;
            position: absolute;
        }


        .div12 {
            width: 230px;
            height: 280px;
            left: 520px;
            top: 70px;
            cursor: pointer;
            box-shadow: darkgrey 1px 1px 1px 1px;

            position: absolute;
        }

        .div12:hover:hover {
            background: rgb(242 242 242);
        }

        .ren2 {
            left: 70px;
            top: 30px;
            position: absolute;
        }

        .wran2 {
            width: 42.4px;
            height: 24px;
            left: 70px;
            top: 120px;
            font-size: 18px;
            position: absolute;
        }

        .nianl2 {
            left: 115px;
            top: 125px;
            font-size: 12px;
            color: #999999;
            position: absolute;
        }

        .lvbiao2 {
            left: 150px;
            top: 128px;
            position: absolute;
        }

        .gantan2 {
            left: 70px;
            top: 160px;
            position: absolute;
        }

        .xueteng2 {
            left: 90px;
            top: 160px;
            font-size: 13px;
            color: #FA746B;
            position: absolute;
        }

        .chakan2 {
            width: 132px;
            height: 35px;
            left: 50px;
            top: 190px;
            background-color: #2984F8;
            color: white;
            border-radius: 5px;
            border-style: none;
            position: absolute;
        }

        .div13 {
            width: 1130px;
            height: 474px;
            left: 20px;
            top: 1080px;
            background-color: white;
            position: absolute;
        }

        .benzou {
            width: 96px;
            height: 22px;
            left: 20px;
            top: 20px;
            font-size: 16px;
            position: absolute;
        }

        .form {
            left: 20px;
            top: 60px;
            position: absolute;
        }

        tr {
            height: 46px;
        }

        .tr1 {
            height: 2px;
        }

        .div14 {
            top: 1570px;
            left: 400px;
            text-align: center;
            position: absolute;
        }

        .a:link {
            color: black;
        }
    </style>
</head>

<body class="body">
    <div class="div">
        <div class="div1">早上好!Daisy</div>
        <div class="div2">
            <img id="img-1" src="../img2/u1385.png" alt="" white="93px" height="93px"><span class="img">&#xe648;</span>
            <span class="span">居民总数量</span>
            <span class="span1">11,000</span>
        </div>
        <div class="div3">
            <img id="img-1" src="../img2/lv.png" alt="" white="93px" height="93px"><span class="img">&#xe854;</span>
            <span class="span">签约居民数量</span>
            <span class="span2">56,000</span>
        </div>
        <div class="div4">
            <img id="img-1" src="../img2/huang.png" alt="" white="93px" height="93px"><span class="img">&#xe61c;</span>
            <span class="span">待处理服务量</span>
            <span class="span3">600</span>
        </div>
        <div class="div5">
            <img id="img-1" src="../img2/h.png" alt="" white="93px" height="93px"><span class="img">&#xebbe;</span>
            <span class="span">已完成服务量</span>
            <span class="span4">8900</span>
        </div>


        <div class="div6">
            <span class="sp">数据概况</span>
            <img class="lan" src="../static/img2/蓝.png" alt=""><span class="ju">居民数量</span>
            <img class="lv" src="../img2/绿.png" alt=""><span class="ju1">签约量</span>
            <img class="hong" src="../img2/红.png" alt=""><span class="ju2">服务量</span>
            <br>
            <div id="main" class="main" style=""></div>
        </div>



        <div class="div7">
            <p><span class="dai">待办提醒</span></p>
            <img class="xian" src="../img2/线.png" alt="" width="241px" height="2px">
            <a href="../show" class="a"><span class="dai1">10</span></a>
            <a href="../show" class="a"><span class="dai2">待审核签约提醒</span></a>
            <a href="../show" class="a"><img class="dian" src="../img2/红.png" alt=""></a>
            <img class="xian1" src="../img2/线.png" alt="" width="241px" height="2px">
            <a href="../show" class="a"><span class="dai3">30</span></a>
            <a href="../show" class="a"><span class="dai4">待审核服务申请</span></a>
            <a href="../show" class="a"><img class="dian1" src="../img2/红.png" alt=""></a>
            <img class="xian2" src="../img2/线.png" alt="" width="241px" height="2px">

            <a href="../show" class="a"><span class="dai5">7</span></a>
            <a href="../show" class="a"><span class="dai6">待完成服务</span></a>
            <a href="../show" class="a"><img class="dian2" src="../img2/红.png" alt=""></a>
            <img class="xian3" src="../img2/线.png" alt="" width="241px" height="2px">


            <a href="../show" class="a"><span class="dai7">107</span></a>
            <a href="../show" class="a"><span class="dai8">待回复消息</span></a>
            <a href="../show" class="a"><img class="dian3" src="../img2/红.png" alt=""></a>
            <img class="xian4" src="../img2/线.png" alt="" width="241px" height="2px">


            <a href="../show" class="a"><span class="dai9">107</span></a>
            <a href="../show" class="a"><span class="dai10">待回复消息</span></a>
            <a href="../show" class="a"><img class="dian4" src="../img2/红.png" alt=""></a>
            <img class="xian5" src="../img2/线.png" alt="" width="241px" height="2px">
        </div>




        <div class="div8">
            <p><span class="jumin">居民标签</span></p>
            <!--<p><span class="gao">高血压</span></p>-->
            <div class="tiao" id="main1" style="width: 300px;height:320px;"></div>
        </div>




        <div class="div9">
            <p>
                <span class="juminzhibiao">居民指标指令</span>
                <a href="../manager"><span class="quanbu">全部 ></span></a>
            </p>
            <a href="../ju">
            <div class="div10">
                <img class="ren" src="../img2/人人图.png" alt="" width="84px" height="84px">
                <p><span class="wran">王然</span><span class="nianl">26岁</span></p>
                <img class="lvbiao" src="../img2/人人图绿标.png" alt="">
                <img class="gantan" src="../img2/人人图感叹号.png" alt=""><span class="xueteng">血糖过高</span>
                <button class="chakan"><a style="text-decoration: none" href="../ju">查看详情</a></button>
            </div>
            </a>
            <a href="../ju">
                <div class="div11">
                    <img class="ren1" src="../img2/人人图.png" alt="" width="84px" height="84px">
                    <p><span class="wran1">王然</span><span class="nianl1">26岁</span></p>
                    <img class="lvbiao1" src="../img2/人人图绿标.png" alt="">
                    <img class="gantan1" src="../img2/人人图感叹号.png" alt=""><span class="xueteng1">血糖过高</span>
                    <button class="chakan1"><a style="text-decoration: none" href="../ju">查看详情</a></button>
                </div>
            </a>

            <a href="../ju">
                <div class="div12">
                    <img class="ren2" src="../img2/人人图.png" alt="" width="84px" height="84px">
                    <p><span class="wran2">王然</span><span class="nianl2">26岁</span></p>
                    <img class="lvbiao2" src="../img2/人人图绿标.png" alt="">
                    <img class="gantan2" src="../img2/人人图感叹号.png" alt=""><span class="xueteng2">血糖过高</span>
                    <button class="chakan2"><a style="text-decoration: none" href="../ju">查看详情</a></button>
                </div>
            </a>
            
        </div>





        <div class="div13">
            <p><span class="benzou">本周签约概况</span></p>
            <form class="form">
                <table class="table table-striped">
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;团队
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td>2021-01-04&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>2021-01-05&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>2021-01-06&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>2021-01-07&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>2021-01-08&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>2021-01-09&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>2021-01-10&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;王少博团队
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td>50&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>150&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>146&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>134&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>120&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>109&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;王少博团队
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td>50&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>150&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>146&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>134&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>120&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>109&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;王少博团队
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td>50&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>150&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>146&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>134&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>120&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>109&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;王少博团队
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td>50&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>150&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>146&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>134&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>120&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>109&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;王少博团队
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td>50&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>150&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>146&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>134&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>120&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>109&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;王少博团队
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td>50&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>150&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>146&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>134&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>120&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>109&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;王少博团队
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td>50&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>150&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>146&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>134&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>120&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>109&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                    <tr class="tr1">
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    </tr>
                </table>
            </form>
        </div>

        <div class="div14">
            <a><span>Copyright © DaisyAxure.com All Rights Reserved</span></a>
        </div>
    </div>


</body>
<script type="text/javascript" src="../echarts.js"></script>
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));

    var option = {
        toolbox: {
            feature: {
                saveAsImage: {},
            },
        },
        xAxis: {
            type: 'category',
            data: ['1/4', '1/5', '1/6', '1/7', '1/8', '1/9', '1/10'],
        },
        yAxis: [{ type: 'value' }, { type: 'value' }],
        series: [
            {
                data: [820, 932, 901, 934, 1290, 1330, 1320],
                type: 'line',
                itemStyle: {
                    normal: {
                        color: '#2984F', //改变折线点的颜色
                        lineStyle: {
                            color: 's#2984F' //改变折线颜色
                        }
                    }
                },


            },
            {
                data: [834, 875, 964, 933, 1124, 1343, 1234],
                type: 'line',
                itemStyle: {
                    normal: {
                        color: 'rgba(40, 208, 148, 0.898039215686275)', //改变折线点的颜色
                        lineStyle: {
                            color: 'rgba(40, 208, 148, 0.898039215686275)' //改变折线颜色
                        }
                    }
                },
            },
            {
                data: [823, 845, 768, 945, 1167, 1875, 1224],
                type: 'line',
                itemStyle: {
                    normal: {
                        color: '#FA746B', //改变折线点的颜色
                        lineStyle: {
                            color: '#FA746B' //改变折线颜色
                        }
                    }
                },
            },
        ],
    };
    myChart.setOption(option);





    var myChart = echarts.init(document.getElementById('main1'));

    // 指定图表的配置项和数据
    option = {
        backgroundColor: "white",
        grid: {
            left: "10",
            top: "10",
            right: "0",
            bottom: "10",
            containLabel: true
        },
        xAxis: {
            type: 'value',
            splitLine: { show: false },
            axisLabel: { show: false },
            axisTick: { show: false },
            axisLine: { show: false }
        },
        yAxis: [
            {
                type: 'category',
                axisTick: { show: false },
                axisLine: { show: false },
                position: "left",
                axisLabel: {
                    color: "black",
                    fontSize: 14,
                    textStyle: {
                        color: '#999999'
                    }
                },
                data: ["高血压", "冠心病", "高血糖", "高血脂", "葡萄", "慢病护理", "多动症"],

                max: 5, // 关键：设置y刻度最大值，相当于设置总体行高
                inverse: true

            },
            {
                type: 'category',
                axisTick: { show: false },
                axisLine: { show: false },
                axisLabel: {
                    color: "black",
                    fontSize: 14,
                    textStyle: {
                        color: '#999999'
                    }
                },
                data: [200, 120, 40, 30, 110, 88],
                max: 5, // 关键：设置y刻度最大值，相当于设置总体行高
                inverse: true
            }
        ],
        series: [
            {
                name: "条",
                type: "bar",
                barWidth: 6,
                data: [80, 40, 60, 10, 80, 50, 70],
                barCategoryGap: 20,
                label: { //图形上的文本标签
                    show: true,
                    position: 'right',//标签的位置
                    offset: [0, -40],  //标签文字的偏移，此处表示向上偏移40
                    formatter: '',//标签内容格式器 {a}-系列名,{b}-数据名,{c}-数据值
                    color: 'black',//标签字体颜色
                    fontSize: 13  //标签字号
                },
                itemStyle: {
                    normal: {
                        barBorderRadius: 10,
                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                            offset: 0,
                            color: '#2984f8'
                        }, {
                            offset: 1,
                            color: '#2984f8'
                        }]),
                    }
                },
                zlevel: 1


            }, {
                name: "进度条背景",
                type: "bar",
                barGap: "-100%",
                barWidth: 6,
                data: [100, 100, 100, 100, 100, 100, 100],
                color: "#2e5384",
                itemStyle: {
                    normal: {
                        barBorderRadius: 10
                    }
                },
            }
        ]
    };



    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>

</html>